<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/lists.css">
    <link rel="stylesheet" href="/libs/font_6u7nsm6xut9/iconfont.css">
</head>

<body>
    <div class="header">

    </div>
    <div class="main">
        <div class="main-section">
            <div class="main-section-recommend">
                <div class="main-section-recommend-choice">
                    <span class="choice-style">时令推荐</span>
                    <span>即将开始</span>
                </div>
                <div class="main-section-recommend-choice-img">
                    <img src="http://www.huaguoshan.com/Upload/7ae6f4e11ae1e91dfb0651c70d339b2e.jpg" alt="">
                </div>
                <div class="main-section-recommend-choice-description">
                    <h4>新西兰佳沛阳光金奇异果25/27#</h4>
                    <p>历经十年培育成功的天然新品种</p>
                </div>
                <div class="main-section-recommend-choice-price">
                    <span>￥89</span>
                    <p><span>24623</span>人已付款</p>
                </div>
            </div>
        </div>
        <div class="main-shop">
            <div class="main-shop-recommend">
                <h3>花果山推荐</h3>
                <span class="space-color">尽享热卖水果</span>
                <div class="main-shop-recommend-lists">
                    <ul id="shop-lists">
                        <!-- <li>
                            <img src="http://www.huaguoshan.com/Public/Images/11/11211_thumb.jpg" alt="芒果">
                            <h5>凯特芒5斤装</h5>
                            <p>味甜汁多，肉质细腻</p>
                            <p>￥34.00</p>
                            <p>￥29</p>
                            <div class="list-shop">
                                <p class="person"><span>5786</span><span>人已购买</span></p>
                                <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                            </div>
                        </li> -->
                        <script type="text/html" id="listsTemplate">
                            {{each lists list index}} {{if index
                            <3}} <a href='/html/modules/detail.html?id={{list.id}}'>
                                <li>
                                    <img src="{{list.image}}" alt="芒果">
                                    <h5>{{list.title.slice(0,15)}}</h5>
                                    <p>味甜汁多，肉质细腻</p>
                                    <p>￥{{list.originPrice}}</p>
                                    <p>￥{{list.price}}</p>

                                    <div class="list-shop">
                                        <p class="person"><span>{{list.saleNum}}</span><span>人已购买</span></p>
                                        <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                                    </div>
                                </li>
                                </a>
                                {{/if}} {{/each}}
                        </script>
                    </ul>

                    <div class="main-shop-recommend-server">
                        <div class="main-shop-recommend-img1">
                            <img src="http://www.huaguoshan.com//Upload/7dcbaef20390d78ef358c67dadc66ad4.jpg" alt="">
                        </div>
                        <div class="main-shop-recommend-img1">
                            <img src="http://www.huaguoshan.com//Upload/669b0ba6ec2b2f4ae96d8c656f4a1667.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-shop-category">
                <div class="shop-special">
                    <div class="shop-special-title">
                        <p class="title-left"><span class="iconfont icon-fahuo"></span><span>佳沛专场</span></p>
                        <a href="/html/modules/lists.html">
                            <p class="title-right"><span>更多商品</span><span class="iconfont icon-youjiantou-sange"></span></p>
                        </a>
                    </div>
                    <ul class="fff">
                        <!-- <li>
                            <div class="lists-img"><img src="https://www.huaguoshan.com/Public/Images/1/11401_thumb.jpg" alt="猕猴桃"></div>
                            <div class="main-section-lists-other">
                                <div class="lists-title"><span>陕西徐香绿猕猴桃&nbsp;5斤</span></div>
                                <div class="lists-description"></div>
                                <div class="lists-price"><span>￥35.00</span><span>5斤装</span><span>原价42.00</span></div>
                                <div class="lists-shop">
                                    <p class="person"><span>5786</span><span>人已购买</span></p>
                                    <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                                </div>
                            </div>
                            <div class="lists-logo">
                                <img src="http://www.huaguoshan.com/Tpl/Public/Images/tags/free_shipping_300.png" alt="">
                            </div>
                        </li> -->
                        <script type="text/html" id="listTemplate">
                            {{each lists list index}}
                            <a href='/html/modules/detail.html?id={{list.id}}'>
                                <li>
                                    <div class="lists-img"><img src="{{list.image}}" alt="猕猴桃"></div>
                                    <div class="main-section-lists-other">
                                        <div class="lists-title"><span>{{list.title.slice(0,15)}}</span></div>
                                        <div class="lists-description"></div>
                                        <div class="lists-price"><span>￥{{list.price}}</span><span>5斤装</span><span>原价￥{{list.originPrice}}</span></div>
                                        <div class="lists-shop">
                                            <p class="person"><span>{{list.saleNum}}</span><span>人已购买</span></p>
                                            <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                                        </div>
                                    </div>
                                    <div class="lists-logo">
                                        <img src="http://www.huaguoshan.com/Tpl/Public/Images/tags/free_shipping_300.png" alt="">
                                    </div>
                                </li>
                            </a>
                            {{/each}}
                        </script>


                    </ul>
                </div>
                <div class="shop-special">
                    <div class="shop-special-title">
                        <p class="title-left"><span class="iconfont icon-fahuo"></span><span>rap2专场</span></p>
                        <a href="/html/modules/lists.html">
                            <p class="title-right"><span>更多商品</span><span class="iconfont icon-youjiantou-sange"></span></p>
                        </a>
                    </div>
                    <ul class="fff2">
                        <script type="text/html" id="list2Template">
                            {{each lists list index}}
                            <a href='/html/modules/detail.html?id={{list.id}}'>
                                <li>
                                    <div class="lists-img"><img src="{{list.image}}" alt="猕猴桃"></div>
                                    <div class="main-section-lists-other">
                                        <div class="lists-title"><span>{{list.title.slice(0,15)}}</span></div>
                                        <div class="lists-description"></div>
                                        <div class="lists-price"><span>￥{{list.price}}</span><span>5斤装</span><span>原价￥{{list.originPrice}}</span></div>
                                        <div class="lists-shop">
                                            <p class="person"><span>{{list.saleNum}}</span><span>人已购买</span></p>
                                            <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                                        </div>
                                    </div>
                                    <div class="lists-logo">
                                        <img src="http://www.huaguoshan.com/Tpl/Public/Images/tags/free_shipping_300.png" alt="">
                                    </div>
                                </li>
                            </a>
                            {{/each}}
                        </script>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">

    </div>
    <script src="/libs/require/require.min.js" data-main="js/index.js"></script>
</body>

</html>